<div id="pagination" style="text-align: right;">
  <el-pagination
    v-if="total>0"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
    background
    :current-page="currentPage"
    :page-size="pageSize"
    layout="total, prev, pager, next, jumper"
    :total="total">
  </el-pagination>
</div>
<script>
new Vue({
    el: '#pagination',
    data: function() {
        return {
          url: "${OtherPage}",
          pageSize: "${PageSize}" - 0,
          currentPage: "${PageNo}" - 0,
          total: "${PageTotal}" - 0,
        }
    },
    created(){

    },
    mounted(){
        
    },
    methods: {
      handleSizeChange(val) {
        let Url = this.url.replace(/\{0}/g, 1);
        Url = Url + "&pageSize=" + val
        window.location.href = Url
      },
      handleCurrentChange(val) {
        let Url = this.url.replace(/\{0}/g, val);
        Url = Url + "&pageSize=" + this.pageSize
        window.location.href = Url
      }
    },
})
</script>